@import 'func';

html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
s,
strong,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
time,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-overflow-scrolling: touch;
}

body {
  background: #f5f5f5 !important;
}

/* ios默认文本框阴影 */

input[type='text'],
textarea {
  -webkit-appearance: none;
}

/* 低版本安卓文本框层级问题 */

input:focus {
  -webkit-user-modify: read-write-plaintext-only;
}

// 清除谷歌浏览器下的 search 叉号
input::-webkit-search-cancel-button {
  display: none;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
a,
button,
input {
  outline: 0 none;
  border: 0;
  text-decoration: none;
}

img {
  border: 0 none;
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic;
}
[v-cloak] {
  display: none;
}
html,
body {
  height: 100%;
  width: 100%;
}

html {
  background-color: $--bg-body-c;
}

body,
.uni-page-head,
.uni-tabbar {
  max-width: 768px !important;
  margin: 0 auto;
}

// 组件中不能v-deep自定义，需要全局设置
.cell-group.cell-group--fix {
  .cell {
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  &.cell-group--round {
    .cell-group__wrap {
      background: transparent;
    }
    .cell {
      margin: 0 0 26rpx !important;
      padding-left: 48rpx !important;
      padding-right: 48rpx !important;
      border-radius: 44rpx !important;
      background-color: $--bg-content-c !important;
      .cell__title {
        font-weight: bold !important;
      }
      &::after {
        border-bottom: none !important;
      }
    }
  }
}
.swipe.swipe--fix {
  .cell {
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
}
.cell-group.cell-group--fix {
  .swipe {
    margin: 0 !important;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
  }
}

.cell-group.cell-group--fix,
.cell {
  .form-item {
    background: transparent !important;
    margin: 0 !important;
    box-shadow: none;
    border-radius: 0;
  }
}
.cell {
  .form-item {
    padding: 0 !important;
  }
}

.space {
  &__item {
    margin-right: 24rpx;
  }
  &--sm {
    .space__item {
      margin-right: 16rpx !important;
    }
  }

  &--md {
    .space__item {
      margin-right: 24rpx !important;
    }
  }
  &--lg {
    .space__item {
      margin-right: 32rpx !important;
    }
  }
  &--xl {
    .space__item {
      margin-right: 48rpx !important;
    }
  }
}
.sticky-box {
  /* #ifndef APP-PLUS-NVUE */
  position: -webkit-sticky;
  /* #endif */
  position: sticky;
  top: var(--window-top);
  z-index: 9;
}

.container {
  &.theme-dark {
    image,
    img {
      filter: invert(1) hue-rotate(0.5turn) !important;
      opacity: 0.75 !important;
    }
  }
}

// .text-group {
//   .text {
//     position: relative;
//     padding-right: 16rpx;
//     margin-right: 16rpx;
//     &::after {
//       content: ' ';
//       position: absolute;
//       top: 50%;
//       right: 0;
//       width: 1rpx;
//       height: 20rpx;
//       background-color: currentColor;
//       transform: translateY(-50%);
//     }
//     &:last-child {
//       &::after {
//         display: none;
//       }
//     }
//   }
// }

.button-group {
  .button {
    &:last-child {
      margin-right: 0;
    }
  }
  &--sm {
    margin-bottom: -16rpx;
    .button {
      margin-right: 16rpx;
      margin-bottom: 16rpx;
    }
  }
  &--md {
    margin-bottom: -24rpx;
    .button {
      margin-right: 24rpx;
      margin-bottom: 24rpx;
    }
  }
  &--lg {
    margin-bottom: -32rpx;
    .button {
      margin-right: 32rpx;
      margin-bottom: 32rpx;
    }
  }
  &--xl {
    margin-bottom: -48rpx;
    .button {
      margin-right: 48rpx;
      margin-bottom: 48rpx;
    }
  }
}

.text-group {
  .text {
    display: inline !important;
    position: relative;
    &:last-child {
      margin-right: 0;
    }
  }
  &--sm {
    margin-bottom: -16rpx;
    .text {
      margin-right: 16rpx;
      margin-bottom: 16rpx;
    }
  }
  &--md {
    margin-bottom: -24rpx;
    .text {
      margin-right: 24rpx;
      margin-bottom: 24rpx;
    }
  }
  &--lg {
    margin-bottom: -32rpx;
    .text {
      margin-right: 32rpx;
      margin-bottom: 32rpx;
    }
  }
  &--xl {
    margin-bottom: -48rpx;
    .text {
      margin-right: 48rpx;
      margin-bottom: 48rpx;
    }
  }
  &--separator-line {
    .text {
      &::after {
        content: ' ';
        position: absolute;
        top: 50%;
        right: 0;
        width: 1rpx;
        height: 20rpx;
        background-color: currentColor;
        transform: translateY(-50%);
      }
      &:last-child {
        &::after {
          display: none;
        }
      }
    }
    &.text-group--sm .text {
      padding-right: 16rpx;
    }
    &.text-group--md .text {
      padding-right: 24rpx;
    }
    &.text-group--lg .text {
      padding-right: 32rpx;
    }
    &.text-group--xl .text {
      padding-right: 48rpx;
    }
  }
  &--separator-dot {
    .text {
      &::after {
        content: ' ';
        position: absolute;
        top: 50%;
        right: 0;
        width: 5rpx;
        height: 5rpx;
        background-color: currentColor;
        transform: translateY(-50%) translateX(-50%);
      }
      &:last-child {
        &::after {
          display: none;
        }
      }
    }
    &.text-group--sm .text {
      padding-right: 16rpx;
    }
    &.text-group--md .text {
      padding-right: 24rpx;
    }
    &.text-group--lg .text {
      padding-right: 32rpx;
    }
    &.text-group--xl .text {
      padding-right: 48rpx;
    }
  }
}

/* start--iPhoneX底部安全区定义--start */
.safe-area-inset-bottom {
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
/* end-iPhoneX底部安全区定义--end */

.df {
  display: flex;
}
.aic {
  align-items: center;
}
.jcsb {
  justify-content: space-between;
}
